
<%@page import="entities.ProductCategories"%>
<%@page import="dao.ProductCatDAO"%>
<%@page import="java.util.LinkedList"%>
<%@page import="dao.ProductCatDAO"%>
<%@page import="dao.DAOFactory"%>
<%@page import="dao.DAOFactory"%>
<%-- 
    Document   : main
    Created on : Mar 15, 2012, 6:22:24 PM
    Author     : theworldiwant
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns ="http://www.w3.org/1999/xhtml">
    <head>
        <title>The BookShelf</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href ="style3.css" rel ="stylesheet" type ="text/css" />
    </head>
    <body>
        <div id="wrapper" class ="wrapper">
            <div id="inner" class="innerMain">
                <div id="header" class="header">
                      <img class="bg" src ="images/logoBg.png"></img>
                      <img class ="logo" src ="images/logo2.png"></img>
                      <form class="nothing" name="SearchForm" action="Search" method="GET"> 
                            <input class="searchBox" name="keyword" value="" class ="text" type="text"/> 
                            <input class="magnify" src="images/search.png" type="image" onclick=""/>
                      </form>
                      <div id="nav" class="nothing">
                            <form name="SignInForm" action="SignIn" method="POST">
                                <h4 class="username">Username</h4>
                                <h4 class="password">Password</h4>
                                <input class="user" name ="username" value="" type="text"/>
                                
                                <input class="pass" name ="password" value="" type="password"/>
                                <input class="signin" src="images/signin.png" type="image" onclick=""/>
                            </form>
                    </div>
                </div>
                
                <div id="top">
                     <div class="inner">
                         <img src="images/topShelf2.png" class="topShelf"/>
                         <div class="top1">
                            <h3>Star Wars Trilogy (Widescreen Edition)</h3>
                            <img src="images/photo_1.jpg" alt="photo 1" title="Star Wars" class="no1" height="120" width="120" />
                         </div>
                         <div class="top2">
                                <h3>Batman - The Animated Series </h3>
                                <img title ="Batman" src="images/photo_4.jpg" alt="photo 4" class="left" height="120" width="120" />

                         </div>
                         <div class="top3">
                                <h3>Harry Potter and the Prisoner of Azkaban </h3>
                                <img src="images/photo_2.jpg" alt="photo 2" class="left" height="120" width="120"/>

                         </div>
                        <div class="top4">
                                <h3>The Matrix Reloaded (Full Screen Edition)</h3>
                                <img title="Matrix" src="images/photo_6.jpg" alt="photo 6" class="left" height="120" width="120" />

                         </div>
                         
                        <div class="top5">
                                <h3>The Matrix Reloaded 2(Full Screen Edition)</h3>
                                <img title="Matrix2" src="images/photo_6.jpg" alt="photo 6" class="left" height="120" width="120" />

                         </div>
                     
                     </div>
                </div><!--end of body-->
                <!--end of header-->
                
               
                <div id="newuserform" class="newuserform">
                    <div id="" class="newuser"><img class="newuserbg" src="images/newuser.png" /></div>
                    <input src="images/signup.png" type="image" onclick="" class="signup"/>     
                    
                    <form name="SignUpForm" class="nothing2"action="SignUp" method="POST" class="SearchForm">
                        <h4 class="usernew">Username</h4>
                        <input class="newusername"  name="newusername" value="" type="text"/>
                        <h4 class="passnew">Password</h4>
                        <input  class="newpass" name="newpass" value="" type="password"/>
                        
                        <h4 class="bdate">Birthday<br>(Y/MM/DD)</h4>
                        
                        <input class="bdatenew" name="bdate" value="" type="text"/>
                        <h4 class="gendernew">Gender</h4>
                        
                        <select class="newgender"><option>M</option><option>F</option></select><h4 class="locationnew">Location</h4>
                        <input class="newlocation" name="newlocation" value=""  type="text"/>
                
                    </form>
                </div>
                <div id ="genre" class ="genre">
                    <img src="images/genre.png"/>
                    <dl id="browse" class="browseDiv">
                        <dt><h3 class="genreH3">Genre</h3></dt>
                              <%
                        DAOFactory myDAOFactory = DAOFactory.getInstance(DAOFactory.MYSQL);
                        ProductCatDAO c1 = myDAOFactory.createProdCatDAO();
                        LinkedList<ProductCategories> list=c1.arrangeAlp();
                        for(ProductCategories pc: list){
            
                        %>
                            <dd><a href="#"><%out.print(pc.getName());%></a></dd>
                       <%}%>   
                           
                    </dl>
                </div>
                <div id="body" class="bodyDiv">
                    <form id="search" class="search">
                        <h2 class="searchBody">Search:</h2>
                        <input class="searchBox2" type="text" name="search" value=""/>
                        <select class="cat">
                            <option value="-" selected="selected">CATEGORIES</option>
                            <option value="-">SOMETHING</option>
                        
                        </select>
                        <select class="option">
                            <option value="-" selected="selected">SEARCHING OPTIONS</option>
                            <option value="-">Name</option>
                            <option value="-">Price Lowest First</option>
                            <option value="-">Price Highest First</option>
                            <option value="-">Relevance</option>
                            
                        </select>
                        <select class="list">
                            <option value="-" selected="selected">LISTS</option>
                            <option value="-">Best Sellers</option>
                            <option value="-">New Products</option>
                            <option value="-">Recent Popular Searches</option>
                        </select>
                        <div class="searchBtn"><input type="image" src="images/searchBtn.png" /></div>

                    </form>
                   
                    <div id="result" class="result">
                        <%
                        for(int i=0; i<15; i++){
                            
                        %>
                        
                        
                        <div id="row0" class="row">
                              <img class="rowImg" src="images/photo_1.jpg" alt="photo 1" title="Star Wars" height="150" width="150" />
                              <div class="bodyBook">
                                  <h3 class="title">Star Wars Trilogy (Widescreen Edition)</h3>
                                ksmdksmdksmdksmkd
                              </div>
                              
                        </div>
                        <%}%>
                    </div>
                    <div id="paging" class="paging">
                        <input src="images/left.png" type="image"/>
                        <input class="right" src="images/right.png" type="image"/>
                    
                    </div>
             
                </div><!--end of body-->
       </div><!--end of inner-->
        <div id="credits" class="credits">
                    <img src="images/credits.png"/>
                </div>           
       </div>
    </body>
</html>
